<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>组合vs继承</title>
        <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
        <script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
        <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
        <style>
            .FancyBorder {
              padding: 10px 10px;
              border: 10px solid;
            }

            .FancyBorder-blue {
              border-color: blue;
            }

            .Dialog-title {
              margin: 0;
              font-family: sans-serif;
            }

            .Dialog-message {
              font-size: larger;
            }
            html, body, #root {
              width: 100%;
              height: 100%;
            }

            .SplitPane {
              width: 100%;
              height: 100%;
            }

            .SplitPane-left {
              float: left;
              width: 30%;
              height: 100%;
            }

            .SplitPane-right {
              float: left;
              width: 70%;
              height: 100%;
            }

            .Contacts {
              width: 100%;
              height: 100%; 
              background: lightblue;
            }

            .Chat {
              width: 100%;
              height: 100%; 
              background: pink;
            }

        </style>
    </head>
    <body>
        <h1>组合vs继承</h1>
        <p>来源:<a href="https://reactjs.org.cn/doc/composition-vs-inheritance.html">https://reactjs.org.cn/doc/composition-vs-inheritance.html</a></p>
        <div id="root"></div>
        <script type="text/babel" src="js/two-combineVsExtends-4.js"></script>
    </body>
</html>